<!DOCTYPE html>
<html>

<head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
    <meta http-equiv="Cache-Control" content="no-cache" />
    <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0, user-scalable=no" />
    <meta name="MobileOptimized" content="320" />
    <title>{$article.title|default="暂无文章"}</title>
    <style>
    html,
    body,
    div,
    span,
    object,
    iframe,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    p,
    blockquote,
    pre,
    abbr,
    address,
    cite,
    code,
    del,
    dfn,
    em,
    img,
    ins,
    kbd,
    q,
    samp,
    small,
    strong,
    sub,
    sup,
    var,
    b,
    i,
    dl,
    dt,
    dd,
    ol,
    ul,
    li,
    fieldset,
    form,
    label,
    table,
    caption,
    tbody,
    tfoot,
    thead,
    tr,
    th,
    td,
    article,
    aside,
    canvas,
    details,
    figcaption,
    figure,
    footer,
    header,
    hgroup,
    menu,
    nav,
    section,
    summary,
    time,
    mark,
    audio,
    video {
        margin: 0;
        padding: 0;
        border: 0;
        outline: 0;
        font-size: 100%;
        list-style: none;
    }

    body {
        font-family: "microsoft yahei", "Helvetica Neue", Helvetica, STHeiTi, sans-serif;
        color: #666;
        background-color: #eee;
        font-size: 63%;
        -webkit-text-size-adjust: none;
        -webkit-font-smoothing: antialiased;
        font-smoothing: antialiased;
        text-rendering: optimizeLegibility;
        -webkit-user-select: none;
    }

    a {
        color: #666;
        text-decoration: none;
        outline: none;
    }

    a:hover {
        color: #1e90d9;
    }

    a:active {
        color: #666;
    }

    img {
        -webkit-touch-callout: none;
        -webkit-user-select: none;
    }
    /* clear */

    .clearfix:after {
        visibility: hidden;
        display: block;
        font-size: 0;
        content: "";
        clear: both;
        height: 0;
    }
    /* home */

    .home-section {
        padding-bottom: 37px;
        /*display: none;*/
        background: #eee;
    }

    .home-section .banner {
        position: relative;
        background: #3ba8ed url(../images/u3_zh_try/banner.jpg);
        background-size: cover;
        padding-bottom: 31.5%;
        overflow: hidden;
    }


    .home-section .search-wrap {
        margin-top: -43px;
        margin-bottom: 15px;
    }

    .home-section .banner2 {
        padding: 0 0 16.5%;
    }

    .search-wrap {
        position: relative;
        margin: 0 10px;
        display: block;
        height: 33px;
        overflow: hidden;
        background: #fff;
        border-radius: 4px;
    }

    .search-wrap:before {
        content: "";
        position: absolute;
        top: 9px;
        left: 8px;
        display: block;
        width: 13px;
        height: 14px;
        background: url(../images/u3_zh_try/custom.png) no-repeat -143px -50px;
        background-size: 321px 91px;
    }

    .search-wrap input,
    .search-wrap .search-entrance {
        position: absolute;
        left: 25px;
        top: 5px;
        padding: 0;
        width: 65%;
        height: 22px;
        font-size: 14px;
        line-height: normal;
        border: 0;
        outline: 0;
        -webkit-appearance: none;
    }

    .search-wrap .search-entrance {
        top: 0;
        width: auto;
        height: 33px;
        line-height: 33px;
        color: #999;
    }

    .tag-wrap {
        position: relative;
        margin-top: 5px;
        padding: 10px 0 10px 80px;
        background: #fff;
        min-height: 60px;
    }

    .tag {
        position: absolute;
        top: 50%;
        left: 0;
        margin-top: -33px;
        display: inline-block;
        width: 80px;
        overflow: hidden;
        text-align: center;
        border-right: 1px solid #eee;
    }

    .tag a {
        margin: 0 auto;
        display: block;
        width: 60px;
        font-size: 12px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    .tag .icon {
        margin-bottom: 4px;
        width: 31px;
        height: 31px;
        background: url(../images/u3_zh_try/custom.png) no-repeat;
        background-position: -999px -999px;
        background-size: 241px 68px;
    }

    .tag .more {
        position: relative;
        top: 4px;
        font-size: 10px;
        line-height: 20px;
        color: #999;
    }

    .hots .icon {
        background-position: 0 -37px;
    }

    .use .icon {
        background-position: -210px 0;
    }

    .download .icon {
        background-position: -177px 0;
    }

    .video .icon {
        background-position: -143px 0;
    }

    .novel .icon {
        background-position: -109px 0;
    }

    .shopping .icon {
        background-position: -75px 0;
    }

    .tag-list {
        position: relative;
        margin-left: 20px;
        display: block;
        overflow: hidden;
    }

    .tag-list li {
        position: relative;
        float: left;
        display: inline-block;
        width: 50%;
    }

    .tag-list li a {
        display: block;
        width: 85%;
        font-size: 14px;
        line-height: 30px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    .feedback {
        width: 160px;
        margin: 0 auto;
        padding: 15px 0 25px 50px;
        position: relative;
        display: block;
    }

    .feedback .icon {
        position: absolute;
        top: 15px;
        left: 10px;
        display: block;
        width: 31px;
        height: 31px;
        background: url(../images/u3_zh_try/custom.png) no-repeat -45px -50px;
        background-size: 321px 91px;
    }

    .feedback p {
        font-size: 10px;
        line-height: 16px;
        color: #999;
    }

    .feedback a {
        font-size: 12px;
        line-height: 16px;
        color: #1e90d9;
    }

    .feedback_sq {
        width: 160px;
        margin: 0 auto;
        padding: 15px 0 25px 50px;
        position: relative;
        display: block;
    }

    .feedback_sq .icon {
        position: absolute;
        top: 15px;
        left: 10px;
        display: block;
        width: 31px;
        height: 31px;
        background: url(../images/u3_zh_try/custom_green_min.png) no-repeat -218px -6px;
        background-size: 248px 46px;
    }

    .feedback_sq p {
        font-size: 10px;
        line-height: 16px;
        color: #999;
    }

    .feedback_sq a {
        font-size: 12px;
        line-height: 16px;
        color: #29c08d;
    }

    .feedbacknew {
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        height: 31px;
        width: 100%;
        display: block;
        background: rgba(255, 255, 255, .9);
        border-top: 1px solid #eee;
        text-align: center;
    }

    .feedbacknew a {
        /*padding-left: 30px;*/
        display: inline-block;
        font-size: 14px;
        line-height: 31px;
        color: #808988;
        z-index: 9;
        width: 49%;
        float: none!important;
        padding: 0!important;
    }

    .feedbacknew a img {
        font-size: 14px;
        line-height: 31px;
        position: absolute;
        top: 6px;
        width: 20px;
        height: 20px;
    }

    .feedbacknew_sq {
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        height: 31px;
        width: 100%;
        display: block;
        background: rgba(255, 255, 255, .9);
        border-top: 1px solid #eee;
    }

    .feedbacknew_sq a {
        padding-left: 30px;
        display: block;
        font-size: 14px;
        line-height: 31px;
        color: #818684;
        z-index: 9;
    }

    .feedbacknew_sq a:before {
        content: "";
        position: absolute;
        top: 7px;
        left: 10px;
        display: block;
        height: 30px;
        width: 30px;
        background: url(../images/u3_zh_try/custom_green_min.png) no-repeat -162px -8px;
        background-size: 248px 46px;
        width: 16px;
        height: 16px;
    }
    /* search */

    .search-section {
        display: none;
    }

    .header {
        position: relative;
        padding: 5px 10px 5px 45px;
        height: 34px;
        overflow: hidden;
        background: #1e90d9;
    }

    .header .cancle {
        position: absolute;
        padding: 0 5px;
        left: 5px;
        top: 5px;
        font-size: 13px;
        line-height: 33px;
        color: #fff;
    }

    .header .search-wrap {
        margin: 0 0;
    }

    .search-wrap .search-btn {
        position: absolute;
        top: 0;
        right: 0;
        width: 47px;
        height: 33px;
        font-size: 13px;
        line-height: 33px;
        text-align: center;
        color: #fff;
        background: #62bcf6;
    }

    .search-wrap .search-btn a {
        color: #fff !important;
    }

    .search-wrap .clear {
        position: absolute;
        top: 7px;
        right: 52px;
        display: block;
        width: 18px;
        height: 18px;
        background: url(../images/u3_zh_try/custom.png) no-repeat -123px -48px;
        background-size: 321px 91px;
    }

    .search-list {
        display: block;
        padding: 0 10px;
    }

    .search-list li {
        padding: 7px 0 10px;
        border-bottom: 1px solid #ddd;
    }

    .search-list a {
        display: block;
    }

    .search-list p {
        display: -webkit-box;
        height: 38px;
        line-height: 20px;
        overflow: hidden;
        font-size: 12px;
        color: #999;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }

    .search-list em {
        color: #1e90d9;
        font-style: normal;
    }

    .search-list .title {
        height: auto;
        display: block;
        line-height: 26px;
        font-size: 14px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        color: #444;
    }

    .thinking-list-wrap {
        position: absolute;
        top: 44px;
        left: 0;
        right: 0;
        width: 100%;
        background: #fff;
        /*display: none;*/
        z-index: 5;
    }

    .thinking-list {
        margin: 0 10px;
    }

    .thinking-list li {
        border-bottom: 1px solid #ddd;
    }

    .thinking-list a {
        display: block;
        font-size: 14px;
        line-height: 40px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        color: #666;
    }

    .thinking-list em {
        color: #1e90d9;
        font-style: normal;
    }

    .loading {
        position: relative;
        margin: 0 auto;
        padding: 10px 0;
        display: none;
        text-align: center;
        line-height: 20px;
        vertical-align: middle;
        font-size: 13px;
        color: #999;
    }

    .loading i {
        margin-right: 10px;
        display: inline-block;
        width: 18px;
        height: 18px;
        border: 2px solid #eee;
        border-radius: 50%;
        border-top: 2px solid #1997e9;
        vertical-align: top;
        -webkit-animation: loading-roll 1s linear infinite;
    }

    @-webkit-keyframes loading-roll {
        0% {
            -webkit-transform: rotate(0deg);
        }
        100% {
            -webkit-transform: rotate(360deg);
        }
    }
    /* sub and detail */

    .sub-section {
        padding-bottom: 30px;
        background: #eee;
    }

    .sub-section .header,
    .detail-section .header {
        padding: 5px 0;
        font-size: 17px;
        line-height: 34px;
        text-align: center;
        color: #fff;
    }

    .back {
        display: block;
        position: absolute;
        top: 15px;
        left: 15px;
        width: 13px;
        height: 13px;
        border-top: 2px solid #fff;
        border-left: 2px solid #fff;
        -webkit-transform: rotate(-45deg);
    }

    .backLink {
        display: block;
        position: absolute;
        top: 15px;
        left: 15px;
        width: 13px;
        height: 13px;
        border-top: 2px solid #fff;
        border-left: 2px solid #fff;
        -webkit-transform: rotate(-45deg);
    }

    .sub-section .hots {
        margin: 5px 5px 0;
        text-align: justify;
        font-size: 0;
    }

    .sub-section .hots li {
        display: inline-block;
        width: 49%;
        text-align: left;
        background: #fff;
        margin-bottom: 5px;
    }

    .sub-section .hots a {
        display: block;
        line-height: 50px;
        text-align: center;
        font-size: 14px;
        font-weight: bold;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    .sub-section .hots:after {
        content: "";
        display: inline-block;
        width: 100%;
        height: 0;
        overflow: hidden;
    }

    .question-list-wrap {
        background: #fff;
    }

    .question-list {
        display: block;
        padding: 0 10px;
    }

    .reference-question {
        padding: 0 10px;
        display: block;
        line-height: 32px;
        font-size: 12px;
        color: #999;
        border-bottom: 1px solid #ddd;
    }

    .question-list li {
        border-bottom: 1px solid #ddd;
    }

    .detail-section .question-list li:last-child {
        border-bottom: none;
    }

    .question-list a {
        display: block;
        padding: 8px 0;
        line-height: 20px;
        overflow: hidden;
        font-size: 14px;
        color: #666;
        text-overflow: ellipsis;
    }

    .custom-service {
        margin-bottom: 5px;
        padding: 10px 10px;
        background: #fff;
    }

    .custom-service p {
        font-size: 12px;
        line-height: 16px;
        color: #999;
    }

    .custom-service ul {
        margin-top: 10px;
        display: block;
        font-size: 0;
        text-align: center;
    }

    .custom-service li {
        display: inline-block;
        width: 49%;
        text-align: center;
    }

    .custom-service .icon {
        margin: 0 auto 4px;
        display: block;
        width: 46px;
        height: 46px;
        background: url(../images/u3_zh_try/custom.png) no-repeat;
        background-position: -999px -999px;
        background-size: 321px 91px;
    }

    .custom-service .actifical-service {
        background-position: -50px 0;
    }

    .custom-service .telephone-service {
        background-position: 0 0;
    }

    .custom-service .feedback-service {
        background-position: 0px 0px;
    }

    .custom-service a {
        font-size: 12px;
    }

    .weixin-server {
        padding: 10px 0 0px;
        font-size: 12px;
        color: #999;
        text-align: center;
    }

    .detail-section {
        padding-bottom: 30px;
        background: #eee;
    }

    .detail {
        margin: 5px 0;
        padding: 10px 10px 40px;
        background: #fff;
    }

    .detail h2 {
        font-size: 20px;
        line-height: 27px;
        font-weight: normal;
    }

    .detail .answer {
        padding: 10px 0 25px;
        font-size: 14px;
        line-height: 22px;
    }

    .detail .hr {
        position: relative;
        margin: 0 10px;
        height: 13px;
        border-top: 1px solid #ddd;
    }

    .detail .hr span {
        position: absolute;
        left: 50%;
        margin-top: -10px;
        margin-left: -75px;
        display: block;
        width: 150px;
        background: #fff;
        text-align: center;
    }

    .detail .mark {
        text-align: center;
    }

    .detail .mark a {
        position: relative;
        padding-left: 22px;
        display: inline-block;
        font-size: 13px;
        line-height: 26px;
    }

    .mark .good {
        color: #1e90d9;
    }

    .load-more {
        font-size: 13px;
        line-height: 40px;
        text-align: center;
        color: #1e90d9;
        visibility: hidden;
    }


    .mark .bad {
        color: #666 !important;
        margin-right: 22px;
    }

    .mark p {
        display: none;
        font-size: 12px;
        line-height: 20px;
        color: #999;
    }

    .mark .good:before {
        content: "";
        display: block;
        position: absolute;
        top: 3px;
        left: 0;
        background: url(../images/u3_zh_try/custom.png) no-repeat;
        background-position: -103px -50px;
        background-size: 321px 91px;
        width: 18px;
        height: 18px;
    }


    .mark .bad:after {
        content: "";
        display: block;
        position: absolute;
        top: 3px;
        left: 0;
        background: url(../images/u3_zh_try/custom.png) no-repeat;
        background-position: -80px -50px;
        background-size: 321px 91px;
        width: 18px;
        height: 18px;
    }

    .mark .good.ani {
        margin-right: 0;
        -webkit-transform: translateX(-15px);
        -webkit-animation: move-right .2s linear forwards;
    }

    .mark .bad.ani {
        -webkit-transform: translateX(15px);
        -webkit-animation: move-left .2s linear forwards;
    }

    @-webkit-keyframes move-right {
        0% {
            -webkit-transform: translateX(-15px);
        }
        100% {
            -webkit-transform: translateX(0px);
        }
    }

    @-webkit-keyframes move-left {
        0% {
            -webkit-transform: translateX(15px);
        }
        100% {
            -webkit-transform: translateX(0px);
        }
    }
    /* 公告 */

    .par-wrap {
        position: relative;
        height: auto;
        overflow: hidden;
        background: #ffef3e;
    }

    .par {
        text-align: left;
    }

    .par li {
        color: #333;
        height: auto;
        line-height: auto;
        text-indent: 5px;
        font-size: 13px;
        list-style-type: none;
        -webkit-transition: margin-top 0.8s ease;
        transition: margin-top 0.8s ease;
    }

    .par-wrap i {
        position: absolute;
        top: 5px;
        right: 5px;
        display: block;
        width: 18px;
        height: 18px;
        background: url(../images/u3_zh_try/custom.png) no-repeat -182px -50px;
        background-size: 321px 91px;
    }
    /* 返回顶部 */

    .back-top-btn {
        position: fixed;
        right: 12px;
        bottom: 30px;
        z-index: 100;
        display: block;
        width: 45px;
        height: 45px;
        -webkit-transform: translateX(90px);
        transform: translateX(90px);
        -webkit-transition: all 0.8s ease;
        transition: all 0.8s ease;
        border-radius: 5px;
        background: rgba(0, 0, 0, .5);
    }

    .back-top-btn:before {
        content: '';
        position: absolute;
        top: 12px;
        left: 15px;
        width: 15px;
        height: 21px;
        background: url(../images/u3_zh_try/custom.png) no-repeat -204px -52px;
        background-size: 321px 91px;
    }

    .back-top-show {
        -webkit-transform: translateX(0px);
        transform: translateX(0px);
    }

    .home-section .banner_jym {
        position: relative;
        background: #3ba8ed url(https://image.uc.cn/s/uae/g/08/static/img/banner-jym.png);
        background-size: cover;
        padding-bottom: 31.5%;
        overflow: hidden;
    }

    .banner_9apps_id {
        position: relative;
        background: #3ba8ed url(http://image.uc.cn/s/uae/g/08/selfservice/images/lALOqBitQsyKzQGz_435_138.png);
        background-size: cover;
        padding-bottom: 31.5%;
        overflow: hidden;
    }



    .banner_youku_gamecenter_android {
        position: relative;
        background: #3ba8ed url(http://image.uc.cn/s/uae/g/08/selfservice/youku_gamecenter_android/banner.jpg);
        background-size: cover;
        padding-bottom: 31.5%;
        overflow: hidden;
    }

    .banner_ninegame_android_wap {
        position: relative;
        background: #3ba8ed url(http://image.uc.cn/s/uae/g/08/selfservice/ninegame_android_wap/banner_1.jpg);
        background-size: cover;
        padding-bottom: 31.5%;
        overflow: hidden;
    }

    .banner_wdjgame_android_wap {
        position: relative;
        background: #3ba8ed url(http://image.uc.cn/s/uae/g/08/static/img/test1.jpg);
        background-size: cover;
        padding-bottom: 31.5%;
        overflow: hidden;
    }

    .search-icon {
        display: block;
        width: 28px;
        height: 21px;
        background: url(../images/search.png);
        background-size: 28px 21px;
        margin-top: 5px;
        margin-right: 10px;
        position: absolute;
        top: 5px;
        right: 35px;
    }

    .custom-service .online_icon_jym {
        margin: 0 auto 4px;
        display: block;
        width: 46px;
        height: 46px;
        background: url(../images/u3_zh_try/online_icon.png) no-repeat;
        background-position: 0px 0px !important;
        background-size: 46px 46px;
    }

    .custom-service .feedback_icon_jym {
        margin: 0 auto 4px;
        display: block;
        width: 46px;
        height: 46px;
        background: url(../images/u3_zh_try/feedback_icon.png) no-repeat;
        background-position: 0px 0px !important;
        background-size: 46px 46px;
    }

    .feedbacknew span {
        padding-left: 30px;
        display: block;
        font-size: 14px;
        line-height: 31px;
        color: #1e90d9;
        z-index: 9;
    }

    .sec-to-index {
        display: block;
        width: 25px;
        height: 21px;
        background: url(../images/u3_zh_try/home.png);
        background-size: 25px 21px;
        margin-top: 5px;
        margin-right: 10px;
        position: absolute;
        top: 5px;
        right: 0px;
    }
    /* 弹出消息 */

    #msg-win {
        position: fixed;
        z-index: 9999;
        top: 35%;
        left: 0;
        right: 0;
        margin-left: 11px;
        margin-right: 11px;
        text-align: center;

        color: #ff6600;
        font-size: 14px;
        padding: 8px 15px 8px 15px;
        line-height: 18px;
        border: 1px #fbd28b solid;
        -webkit-border-radius: 3px;
        -webkit-box-shadow: 2px 2px 3px #cacaca;
        background: #fff9e5;
    }

    .home-section .banner_sq {
        position: relative;
        background-size: cover;
        padding-bottom: 15%;
        overflow: hidden;
    }

    .mark .good_sq:before {
        content: "";
        display: block;
        position: absolute;
        top: 3px;
        left: 0;
        background: url(../images/u3_zh_try/custom_green_min.png) no-repeat;
        background-position: -189px -6px;
        background-size: 248px 46px;
        width: 18px;
        height: 18px;
    }

    .mark .good_sq.ani {
        margin-right: 0;
        -webkit-transform: translateX(-15px);
        -webkit-animation: move-right .2s linear forwards;
    }

    .zoom-img-mask {
        display: none;
        position: fixed;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 999;
        background: #000;
        overflow-y: scroll;
    }

    .zoom-img-mask img {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }
    #se-knowledge img{max-width: 100%;}
    </style>

</head>

<body>
    <section class="detail-section" id="home_section">
        <!-- {if($showBack)} -->
        <p>&nbsp;</p>
        <a href="{:url('help')}"><span style="font-size: 16px; color: rgb(30, 144, 217);">&nbsp;&nbsp;&nbsp;返回帮助中心</span></a>
        
        <p>&nbsp;</p>
        <!-- {/if} -->
        
        <div class="detail">
            <!-- {if($showTitle)} -->
            <h2><strong>{$article.title|default="暂无文章"}</strong></h2>
            <!-- {/if} -->
            <div class="answer">
                <div id="se-knowledge">
                    {$article.content|raw}
                </div>
            </div>
            <br/> 
        </div>
        <!-- 图片放大效果 -->
        <div class="zoom-img-mask" id="zoom-img-mask">
            <img data-mask="true">
        </div>
    </section>
</body>
<script>
//图片放大效果
(function(doc, win) {
    'use strict';
    var divEle = doc.getElementById('zoom-img-mask'),
        innerImg = divEle.getElementsByTagName('img')[0],
        ua = window.navigator.userAgent.toLowerCase(),
        isAndroidUC = ua.indexOf('android') > 0 && ua.indexOf('ucbrowser') > 0;

    doc.body.addEventListener('click', function(e) {

        if (!isAndroidUC && e.target && e.target.nodeName.toUpperCase() == 'IMG' && !e.target.dataset.mask) {
            var img = new Image(),
                renderWidth = 0;
            img.src = e.target.src;
            innerImg.src = e.target.src;

            img.onload = function() {
                if (img.width > win.innerWidth) {
                    innerImg.style.width = '100%';
                    renderWidth = win.innerWidth;
                } else {
                    innerImg.style.width = img.width + 'px';
                    renderWidth = img.width;
                }
                if (img.height * renderWidth / img.width > win.innerHeight) {
                    innerImg.style.top = 0;
                    innerImg.style.webkitTransform = 'translate(-50%,0)';
                } else {
                    innerImg.style.top = '50%';
                    innerImg.style.webkitTransform = 'translate(-50%,-50%)';
                }
            };

            divEle.style.display = 'block';
        }
    }, false);

    divEle.addEventListener('click', function() {
        divEle.style.display = 'none';
    }, false);

})(document, window);

</script>

</html>